<template>
    <div>
        <mt-swipe class="swiper" :auto="9000">
            <!-- lunbotulist应是父组件向子组件传值来设置-->
            <mt-swipe-item v-for="item in lunbotulist" :key="item.url"><img :src="item.img" alt="" :class="{full:isfull}"></mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
    export default {
        //name: "swiper"
        props:["lunbotulist", 'isfull'] //接收
    }
</script>

<style scoped lang="scss">
    .mint-swipe{height: 240px}
    .swiper img{height: 100%}
    .mint-swipe-item{
        text-align: center;
        &:nth-child(1){
            background-color: red;
        }
        &:nth-child(2){
            background-color: cyan;
        }
        &:nth-child(3){
            background-color: green;
        }
    }
    .full{width: 100%}
</style>